<template lang="">
    <div class="markdown-body">
        <!-- 文章详情页面 -->
        <div class="details">
            <!-- md文件组件 -->
            <component :is="parameter"></component>
        </div>
  </div>
</template>
<script>
import 'highlight.js/styles/github.css'
// 其他元素使用 github 的样式
import 'github-markdown-css'
export default {
    props:['parameter'],
  data() {
    return {
    //   parameter: "", //文章对应组件名字
    };
  },
//   mounted() {
//     this.getParameters();
//   },
//   methods: {
//     getParameters() {
//       // 获取文章参数  点击跳转获取参数  或者 刷新页面从url中获取参数
//       this.parameter =
//         this.$route.query.article || location.search.split("=")[1];
//     },
//   },
};
</script>
<style scoped>
 .markdown-body{
    width:60%;
    margin: 0 auto;
    margin-top: 20px;

    
 }
 @media screen and (max-width:768px) {
        .markdown-body{
            width: 80%;
            margin: 0 auto;
            
            
        }
    }

</style>